.box{
    width: 480px;
    border: 2px dotted red;
}

.box > *{
    border: 2px solid rgb(135, 179, 65);
    border-radius: 16px;
    background: rgb(255, 138, 245);
}

.box1{
    display: flex;
}

.box2{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.box2 > *{
    flex-grow: 1;
    /* 对宽度影响优先级最低 */
    /* width: 200px;  */
    /* 对宽度影响优先级其次 */
    /* flex-basis: 156px;  */
    /* 对宽度影响优先级更高 */
    /* min-width: 180px; */
    max-width: 100px;

}

.box3{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.box3 > .more{
    margin-left: auto;
}

